<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<head>
	<meta charset="utf-8">
	<title>facepay</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="/css/login.css" media="all" />
	<script>
        if(window.top !== window.self){ window.top.location = window.location;}
	</script>
</head>

<body>
<!--<video class="video-player" preload="auto" autoplay="autoplay" loop="loop" data-height="1080" data-width="1920" height="1080" width="1920">
	<source src="/video/login.mp4" type="video/mp4">
	&lt;!&ndash; 此视频文件为支付宝所有，在此仅供样式参考，如用到商业用途，请自行更换为其他视频或图片，否则造成的任何问题使用者本人承担，谢谢 &ndash;&gt;
</video>-->

	<div class="video_mask"></div>
	<div class="login">
	    <h1>FACE_PAY_登录</h1>
	    <form  method="post"  class="layui-form" id="login_from"  th:action="@{/login}">
	    	<input type="hidden" name="domain" value="">
			<div class="layui-form-item">
				<input class="layui-input" id="username" name="username"  placeholder="请输入用户名" lay-reqtext="用户名是必填项，岂能为空？" required lay-verify="required" type="text" autocomplete="off">
		    </div>

		    <div class="layui-form-item">
				<input class="layui-input" id="password" name="password" placeholder="请输入密码" lay-reqtext="密码是必填项，岂能为空？" required lay-verify="required" type="password" autocomplete="off">
		    </div>


			<button  class="layui-btn login_btn" style="margin-bottom: 10px;"  lay-filter="login_btn">登录</button>

			<a style="text-decoration: none;color: red; " th:href="@{/forGet/toPage}">忘记密码?</a>

			<div class="layui-form-item" style="margin-top: 20px;text-align: center;" >
				<span style="color: red"  th:if="${errorMessage!=null}"  th:text="${errorMessage} "  >
				</span>
			</div>
		</form>


	</div>
    <script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="/layui/layui.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {

            layui.config({
                base : "/layui"
            }).use(['jquery',"form"],function(){
                var  domain =  document.domain;
                $("#login_from input[name='domain']").val(domain);

                $("#login_from").submit(function () {
                    return true;
                });
            });
        });

	</script>
</body>
</html>